<template>

  <div class="LatestHot ">
    <h2 class="text-center">最近热门</h2>
    <h3 class="text-center font-weight-light">Latest Host</h3>
    <v-container>
      <v-row >
        <v-col v-for="card in cards" md="4" xs="12">
          <v-card
              class="mx-auto my-6"
              max-width="350"
          >
            <v-img
                :src="card.src"
                height="98px"
                width="140"
                class="justify-center"
            >
            </v-img>
          </v-card>
        </v-col>
      </v-row>
    </v-container>
  </div>
</template>

<script>
export default {
  name: "LatestHot",
  data:()=>({
    cards:[
      {src:"http://www.lynchpin.com.cn/uploadfile/2021/0316/20210316091159723.jpg"},
      {src:"http://www.lynchpin.com.cn/uploadfile/2021/0316/20210316091159723.jpg"},
      {src:"http://www.lynchpin.com.cn/uploadfile/2021/0316/20210316091159723.jpg"},
      {src:"http://www.lynchpin.com.cn/uploadfile/2021/0316/20210316091159723.jpg"},
      {src:"http://www.lynchpin.com.cn/uploadfile/2021/0316/20210316091159723.jpg"},
      {src:"http://www.lynchpin.com.cn/uploadfile/2021/0316/20210316091159723.jpg"},
    ]
  })

}
</script>

<style scoped>

</style>
